// 定义变量

// define color
$colors: (
  primary: #db9e3f,
  info: #4b67af,
  danger: #7f2622,
  "blue": #223896,
  "white": #fff,
  "light": #f9f9f9,
  "light-1": #d4d9de,
  "grey": #999,
  "grey-1": #666,
  "dark-1": #343440,
  "dark": #222,
  "black": #000,
);

// 边框颜色
$border-color: map-get($colors, 'light-1');

// font-size
$base-font-size: 1rem;
$font-sizes: (
  xxs: 0.6154, // 8px
  xs: 0.7692, // 10px
  sm: 0.9231, // 12px
  md: 1,      // 13px
  lg: 1.0769, // 14px
  xl: 1.2308, // 16px
);

$flex-jc: (
  start: flex-start,
  end: flex-end,
  center: flex-center,
  between: space-between,
  around: space-around,
);

$flex-ai: (
  start: flex-start,
  end: flex-end,
  center: flex-center,
  stretch: stretch,
);

// 边距
$base-space-size: 1rem;
$space-sizes: (
  0: 0,
  1: 0.25,
  2: 0.5,
  3: 1,
  4: 1.5,
  5: 3,
);
$space-types: (
  m: margin,
  p: padding,
);
$space-directions: (
  t: top,
  r: right,
  b: bottom,
  l: left,
);


// text-overflow
.text-ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
